import React from 'react'

import './about.scss'

function About() {
  return (
    <div className="about">
      <div className="header" title="关于我">
        <div className="center">
          <h1>关于我</h1>
          <span>- About Me -</span>
        </div>

        <svg
          className="wave-svg"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1440 260"
        >
          <path
            id="page-header-svg-path"
            fillOpacity="1"
            d="M0,256L60,245.3C120,235,240,213,360,218.7C480,224,600,256,720,245.3C840,235,960,181,1080,176C1200,171,1320,213,1380,234.7L1440,256L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
          ></path>
        </svg>
      </div>
      <article className="content">
        <h3 className="title">关于</h3>
        <div className="desc">
          <blockquote>
            我们明明都会料到事情的结局，却要走一段很远的行程去探索它的意义，
            我们的路途，不过是在毫无意义的上演一个闹剧的圆。
          </blockquote>
          <div className="part">
            <h3>写在前面：</h3>
            <p>博客尚不完整，后续会一直更新，一起期待这个小站以后的变化吧~</p>
          </div>
          <div className="part">
            <h3>个人介绍：</h3>
            <p>
              一名来自湖北的青年，90后。性格慢热，比较容易相处，轻微强迫症&完美主义。
              在学习提升的过程中也希望可以和优秀的人交朋友，一起进步一起成长！
            </p>
          </div>
          <div className="part">
            <h3>关于博客：</h3>
            <p>
              这是我的生活学习记录博客，有时文字比语言更能传递感情 <br />
              非常感谢你能看到这里，如果你对本博客有意见或建议的话，欢迎给我留言或者给我发Email，我看到会回复。
            </p>
          </div>
          <div className="part">
            <h3>联系我：</h3>
            <ol>
              <li> QQ ：67591850</li>
              <li> Email ：Redloney@hotmail.com</li>
            </ol>
          </div>
        </div>
      </article>
    </div>
  )
}

export default About
